import React from 'react';
import { Card } from 'antd';
import './serviceCard.css';
//推荐页面卡片(左,概要信息)
const ServiceCard = ({ service,onClick }) => {
  const { name,description } = service;

  return (
    
    <Card title={name} className='service-card' onClick={onClick}>
      <p className="service-info">{description}</p>
      {/* <p><strong>提供商：</strong> {provider}</p>
      <p><strong>费用：</strong> {cost}</p>
      <p><strong>地点：</strong> {location}</p>
      <p><strong>日期时间：</strong> {dateTime}</p> */}
    </Card>
  );
};

export default ServiceCard;
